<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>搜索框</title>
		<style>
			*{
				font-family: "微软雅黑";
				font-size: ;
			}
			div{
				width: 500px;
				height: 100px;
				border: 1px solid transparent;
				box-shadow: 5px 5px 2px aliceblue;
				margin: 50px auto;
				padding: 10px 10px 10px 10px;
				border-radius: 15px;
			}
			input{
				width: 405px;
				height: 80px;
				border-radius: 15px;
				border: 1px solid transparent;
				font-size: 25px;
				text-align: center;
				margin: 10px 0px 0px 0px;
				
			}
			button{
				width: 75px;
				height: 87px;
				border-radius: 20px;
				border: 1px solid transparent;
				margin: 10px 0px 0px -5px;
				background: #e83643;
				font-size: 23px;
				color: white;
			}
		</style>
	</head>
	<body>
		<div>
			<input type="搜索京东商品" placeholder="京东商品" />
			<button type="button">搜索</button>
		</div>
	</body>
</html>